Skip to content

fix: prevent navigation buttons from wrapping on smaller screens#9721

Merged
mrubens merged 1 commit intomainfrom
fix/prevent-nav-button-wrapping
Dec 1, 2025
Merged

fix: prevent navigation buttons from wrapping on smaller screens#9721
mrubens merged 1 commit intomainfrom
fix/prevent-nav-button-wrapping

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Dec 1, 2025 •
edited by ellipsis-dev bot
Loading

Fixed the navigation buttons on the right side of the top nav from wrapping by adding flex-shrink-0 to the button containers and whitespace-nowrap to each button.

Changes

  • Added flex-shrink-0 to the right-side button container to prevent it from shrinking
  • Added flex-shrink-0 to the inner flex container (ThemeToggle + GitHub link)
  • Added whitespace-nowrap to GitHub stars link, Install button, and Log in button to prevent text wrapping within buttons

Testing

  • ✅ Linting passed
  • ✅ Type checking passed
  • ✅ All turbo tasks completed successfully

View task on Roo Code Cloud

Important

Prevents navigation buttons from wrapping on smaller screens by adding flex-shrink-0 and whitespace-nowrap in nav-bar.tsx.

  • Behavior:
    • Prevents navigation buttons from wrapping on smaller screens by adding flex-shrink-0 to the right-side button container and inner flex container in nav-bar.tsx.
    • Adds whitespace-nowrap to GitHub stars link, Install button, and Log in button in nav-bar.tsx to prevent text wrapping.
  • Testing:
    • Linting, type checking, and all turbo tasks passed successfully.

This description was created by Ellipsis for 1081cec. You can customize this summary. It will automatically update as commits are pushed.

@roomote
Copy link
Contributor Author

roomote bot commented Dec 1, 2025 •
edited
Loading

Rooviewer Clock   See task on Roo Cloud

Review completed. No issues found.

The changes appropriately prevent navigation button wrapping by adding flex-shrink-0 to container elements and whitespace-nowrap to button text. The implementation is clean and follows Tailwind best practices.

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 1, 2025

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-q4werq270-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.

@hannesrudolph hannesrudolph added the Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. label Dec 1, 2025
@mrubens mrubens marked this pull request as ready for review December 1, 2025 21:39
@mrubens mrubens requested review from cte, jr and mrubens as code owners December 1, 2025 21:39
@dosubot dosubot bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Dec 1, 2025
@mrubens mrubens merged commit 9dac7e7 into main Dec 1, 2025
19 checks passed
@mrubens mrubens deleted the fix/prevent-nav-button-wrapping branch December 1, 2025 21:39
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Dec 1, 2025
@github-project-automation github-project-automation bot moved this from New to Done in Roo Code Roadmap Dec 1, 2025
@dosubot dosubot bot added the UI/UX UI/UX related or focused label Dec 1, 2025
@roomote
Copy link
Contributor Author

roomote bot commented Dec 1, 2025 •
edited
Loading

Rooviewer Clock   See task on Roo Cloud

Review completed. No issues found.

The changes appropriately prevent navigation button wrapping by adding flex-shrink-0 to container elements and whitespace-nowrap to button text. The implementation is clean and follows Tailwind best practices.

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@mrubens mrubens Awaiting requested review from mrubens mrubens is a code owner

@cte cte Awaiting requested review from cte cte is a code owner

@jr jr Awaiting requested review from jr jr is a code owner

Assignees

No one assigned

Labels

Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. size:S This PR changes 10-29 lines, ignoring generated files. UI/UX UI/UX related or focused

Projects

No open projects
Roo Code Roadmap
Archived in project

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@mrubens @hannesrudolph @roomote